/* .breadLinebox p{
    margin-top: 100px;
    font-size: 50px;
    color: #000;
 }

 .breadLinebox{
    display: flex;
    align-items: center;
    justify-content: center;
 } */
 .titlet{
   margin-bottom: 15px;
   text-align: center;
 }

 .modal_chose .wrap{
   position: fixed;
   z-index: 10001;
   width: 60vw;
   left: 20vw;
   height: 70vh;
   top: 15vh;
   background: #fff;
   display: flex;
   align-items: center;
   flex-direction: column;
   padding: 25px 0;
 }
 .breadLinebox .content tr td{
   padding: 4px 10px;
 }

 .breadLinebox .content tr td{
   padding: 4px 10px;
 }

 .w80{
   width: 80px;
 }

 .w90 {
   width: 90px;
 }

 .selfang{
   display: flex;
    background: #fff;
    align-items: center;
    margin-top: -5px;
    padding: 12px 0;

 }

 .selfang >p{
   margin: 0;
   margin-right: 10px;
   margin-left: 35px;
 }

 .selfang select{
   padding: 0;
   border: 0;
   appearance: none;
   background: transparent;
   border: 1px solid #ddd;
   padding-left: 8px;
   height: 30px;
 }

 .selfang .btn{
   margin: 0;
   margin-left: 10px;
   line-height: 12px;
border-radius: 3px;
padding: 9px 15px;
margin-right: 10px;
background: #66b1ff;
border-color: #66b1ff;
color: #fff;
letter-spacing: 1px;

   
 }

 

 .breadLinebox .content{
   margin-bottom: 5px;
   padding: 10px 30px;
 }

 .breadLinebox .content th{
   width: 20px;
   /* height: 63px !important; */
   padding:2px 10px;
   font-size: 12px;
}
 

.breadLinebox .content select{
   background: none;
   border: none;
   appearance: none;
   }

 .breadLinebox .tabletit{
   flex-direction: column;
   align-items: flex-start;
 }

 .breadLinebox .tabletit >p{
   width: 100%;
   background: transparent;
   text-align: center;
   color: black;
   font-size: 18px;
 }

 .breadLinebox .tabletit div{
   display: flex;
   align-items: center;
 }
 .breadLinebox .tabletit div p{
   width: 100px;
   height: 35px;
   text-align: center;
font-size: 16px;
margin-right: 15px;
 }

 .modal_chose .wrap .name{
 display: flex;  
 align-items: center;
 width: 50vw;
   }
   .tongji{
      height: 23px;
   }

   .tongji .trans{
      color: transparent;
   }

   .tongji div p{
      margin-bottom: 0;
   }

   .modal_chose .wrap .title{
      width: 50vw;
      margin-left: 5vw;
      margin: 10px 0 ;
   }
   .modal_chose .wrap .name p{
      margin-bottom: 0;
      margin-right: 10px;
   }

   .modal_chose .wrap .name input{
      border: 1px solid #ddd;
      border-radius: 3px;
      padding: 3px;
      width: 40vw;
   }

 .modal_chose .wrap .w{
   width: 46vw;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .modal_chose .wrap .w .left
 {

   background: #f0f0f0;
   width: 18vw;
   overflow: hidden;
   overflow-x: auto;
   overflow-y: auto;
   height: 45vh;
   padding: 15px;
 }
 .modal_chose .wrap .btns{
   display: flex;
   margin-top: 30px;
   width: 14vw;
   align-items: center;
   justify-content: space-between;
 }

 .modal_chose .wrap .btns .confirm{
   height: 35px;
   width: 5vw;
   border-radius: 5px;
   background: #D1282D;

   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .modal_chose .wrap .btns .cancel{
   height: 35px;
   width: 5vw;
   border-radius: 5px;
   background: #66b1ff;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
 }


 .modal_chose .wrap .w .left .item{
   padding: 4px 0;
   margin-bottom: 2px;

 }

 .modal_chose .wrap .w .left .item.c{
   color: #fff;
   background: rgb(83, 135, 214);
   
 }

 .tongji{
   display: flex;
   margin-top: 10px;
   justify-content: center;
   align-items: center;
   justify-content: center;
}
.tongji div{
   display: flex;
   align-items: center;
   justify-content: center;
}

.back{
   width: 100px;
   height: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   cursor: pointer;
   margin-right: 15px;
border-radius: 3px;
background: #66b1ff;
border-color: #66b1ff;
color: #fff;
letter-spacing: 1px;
position: absolute;
top: 25px;
left: 25px;
}

.tongji.he{
   justify-content: center;
}
.tongji.he p{
   margin-bottom: 0;
}

 .modal1{
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   z-index: 10000;
   display: flex;
   align-items: center;
   justify-content: center;
}

.modal1 .mask{
   z-index: 10001;
   background: rgba(0, 0, 0, .8);
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
}

.modal1 .wrap{
   position: fixed;
   display: flex;
   flex-direction: column;
   width: 34vw;
   background: #fff;
   border-radius: 10px;
   z-index: 10004;
   align-items: center;
   justify-content: center;
   padding: 3.5vw 0;
   
}

.modal1 .wrap .close-div{
   display: flex;
   right: 25px;
   top: 25px;
   justify-content: flex-end;
   position: absolute;

}
.modal1 .wrap  .content{
  width: 60%;
  border: none;
  border-radius: 5px;
  margin-bottom: 15px;
   width: 28vw;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   
}

.modal1 .wrap  .content .p2{
   font-size: 17px;
   color: #D1282D;
   font-weight: bolder;
}

.modal1 .wrap  .content .p1{
   font-size: 15px;
   display: flex;
   color: #676767;
   align-items: center;
   justify-content: center;
   margin-left: 10px;
   margin-right: 15px;
}
.modal1 .wrap .close-div img{
   width: 25px;
   height: 25px;
}

.modal1 .wrap .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}

.modal1 .word p{
   font-size: 20px;
   font-weight: bolder;
}
.modal1 .word{
   margin-bottom: 15px;
}

.modal1 .btns .add{
   font-size: 12px;
   line-height: 12px;
   border-radius: 3px;
   margin-left: 25px;
   background: #D1282D;
   border-color: #D1282D;
   color: #fff;
   box-shadow: 0px 4px 4px 1px rgba(96, 4, 7, 0.26);
border-radius: 3px;
width: 80px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
   letter-spacing: 1px;
   cursor: pointer;

}

.modal1 select{
   width: 300px;
}
